<!DOCTYPE html>
{% load staticfiles %}
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <link rel="stylesheet" href="{% static 'css/reset.css' %}" />
    <link rel="stylesheet" href="{% static 'css/common.css' %}" />
{#    <link rel="stylesheet" href="css/reset.css" />#}
{#    <link rel="stylesheet" href="css/common.css" />#}

{#    <link href="{%static 'css/drag.css'%}" rel="stylesheet" type="text/css">#}
{#    <script src="{% js/jquery.min.js %}" type="text/javascript"></script>#}
{#    <script src="{% static 'js/drag.js' %}" type="text/javascript"></script>#}
</head>
<body>
    <div class="wrap login_wrap" style="background-image: url({% static 'img/bg6.jpg'%})">
        <div class="content">

            <!--<div class="logo"></div>-->

            <div class="login_box">

                <div class="login_form">
                    <div class="login_title">
                        登录
                    </div>
                    <form action="" method="post">
                        {%  csrf_token %}
                        <div class="form_check_ipt">
                            <div style="text-align: center;color: red;font-size: 15px;">{{ error }}</div>
                        </div>


                        <div class="form_text_ipt">
                            <input name="username" type="text" placeholder="账号">
                        </div>
                        <div class="ececk_warning"><span>数据不能为空</span></div>

                        <div class="form_text_ipt">
                            <input name="password" type="password" placeholder="密码">
                        </div>
                        <div class="ececk_warning"><span>数据不能为空</span></div>

                        <div style="width: 300px;height: 40px;border:0" class="form_check_ipt"  >
{#                            <label for="password" class="col-sm-2 control-label">验证码</label>#}
                            <div class="" style="border: solid 1px #CCCCCC;height: 38px;width: 130px;float: left">
                                <input style="line-height: 35px;width: 120px;border: 0" type="text" name="valid_code" id="valid_code" placeholder="请输入验证码">
                            </div>
                            <div style="float: right;width:160px ;height: 40px;line-height: 40px">
                                <img onclick="refresh(this)" style="" id="valid-img" class="valid-img" src="/poem_app/get_valid_img.png?" alt="">
                            </div>
                        </div>

                        <!--<div class="slid">-->
                            <!--<center><br><br><br><div id="drag"></div></center>-->
                            <!--<script type="text/javascript">-->
                                <!--$('#drag').drag();-->
                            <!--</script>-->
                        <!--</div>-->
                        <!--<br>-->

{#                        <div class="ececk_warning"><span>数据不能为空</span></div>#}
{##}
{#                        <div class="form_check_ipt">#}
{#                            <div class="left check_left">#}
{#                                <label><input name="" type="checkbox"> 下次自动登录</label>#}
{#                            </div>#}
{#                            <div class="right check_right">#}
{#                                <a href="#">忘记密码</a>#}
{#                            </div>#}
{#                        </div>#}

                        <div class="form_btn">
                            <button type="submit" >登录</button>
                            <!--<input type="submit" name="sub" onclick="return juge()" value="登陆">-->
                        </div>


                        <div class="form_reg_btn">
                            <span>还没有帐号？</span><a href="/poem_app/register/">马上注册</a>
                        </div>
                    </form>
{#                    <div class="other_login">#}
{#                        <div class="left other_left">#}
{#                            <span>其它登录方式</span>#}
{#                        </div>#}
{#                        <div class="right other_right">#}
{#                            <a href="#">QQ登录</a>#}
{#                            <a href="#">微信登录</a>#}
{#                        </div>#}
{#                    </div>#}
                    <br>
                        <br>
                        <br>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
    // 点击验证码图片 刷新验证码
    $("#valid-img").click(function () {
        $(this)[0].src += "?";
    })
    function refresh(obj) {
    obj.src += Math.random()//(new Date()).gettime()
}
    </script>
    <script type="text/javascript" src="{% static 'js/jquery.min.js' %}" ></script>
    <script type="text/javascript" src="{% static 'js/common.js' %}" ></script>
</body>
</html>
